{% load comp_filters %}
{% load hash_filters %}
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title>Food Distribution 133:99700a65a126</title>
  <meta name="description" content="Sydney Adult Services Distribution"></meta>
  <link rel="stylesheet" href="/css/{{CSS_ROOT}}/map.css" type="text/css" media="all" charset="utf-8"/>
  <link rel="stylesheet" href="/css/{{CSS_ROOT}}/dialog.css" type="text/css" media="all" charset="utf-8"/>
  <link rel="stylesheet" href="/css/{{CSS_ROOT}}/element.css" type="text/css" media="all" charset="utf-8"/>
  <link rel="stylesheet" href="/css/{{CSS_ROOT}}/general.css" type="text/css" media="all" charset="utf-8"/>
  <link rel="stylesheet" href="/css/{{CSS_ROOT}}/nav.css" type="text/css" media="all" charset="utf-8"/>

  <!-- YUI Components --> 
  <script type="text/javascript" charset="utf-8"
          src="http://yui.yahooapis.com/3.2.0/build/yui/yui-min.js">
  </script>

  <script type="text/javascript" src="http://ecn.dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=7.0"></script>
  <!-- need finally make a new js file contain all the info manage script -->	
  <script type="text/javascript" src="/js/mesh.js"></script>
  <script type="text/javascript" src="/js/histogram.js"></script>
  <!-- Project Components -->

  {% zoyoejs 'all' %}
  <script type="text/javascript" src="/js/home.js"></script>

  <script type="text/javascript">
  function document_load(){
      YUI().use('node','io-form',function(Y){
      if(zoyoe.ElementExtension){
        zoyoe.ElementExtension.BuildExtensionElements();
      }
      zoyoe.InitZoyoe(false,Y,{static_panel:true});
      zoyoe.admin = InitAdmin(zoyoe);
      new MapInfoCore(function(rmap){
        sdist(rmap)
      },null,"map-info")
    });

    // var divLane = document.getElementById("lane");
    // divLane.innerHTML = "<span>Sydney, Australia</span>";
    // var services = zoyoe.map.services_cache;
  }
  </script>

  <!-- FIX ME:Do not put craps here -->
  <style type="text/css">
    body {overflow:hidden;}
    .map-icon {
      opacity:0.9;
      font-size:12px;
      width:30px;height:30px;
      padding-top:7px;
      text-align:center;
      color:white;
      background:url('/js/res/pushpin.png') no-repeat
    }
    .map-icon-inactive {
      opacity:0.7;
      font-size:12px;
      width:30px;
      height:30px;
      padding-top:7px;
      text-align:center;
      color:white;
      background:url('/js/res/pushpin_inactive.png') no-repeat
    }
  </style>
</head>

<body onload="document_load();">

<!-- search bar -->
<div id="search-bar-demo">
  <div id="span-container">
    <span>Search more</span>
  </div>
  <img src="/res/magnifier.png" align="right"></img>
  <div class="filter-container" id="filter-type-container">
    <div class="filter">
      <div class="filter-label">
        Type
      </div>
      {% select %}
      {"name":"type",
        "style":"width:77px;margin-top:2px;margin-bottom:2px;font-size:11px",
        "fields":["Any","Brothel","Escort","Massage"],
        "default":"Any"}
      {% endselect %}
    </div>
  </div>
  <div class="filter-container">
    <div class="filter">
      <div class="filter-label">
        Nationality
      </div>
      {% select %}
      {"name":"type",
        "style":"width:111px;margin-top:2px;margin-bottom:2px;font-size:11px",
        "fields":["Any","Asia","Caucasion","European","South American"],
        "default":"Any"}
      {% endselect %}
    </div>
    <div class="filter">
      <div class="filter-label">
        Radius
      </div>
      {% select %}
      {"name":"type",
        "style":"width:66px;margin-top:2px;margin-bottom:2px;font-size:11px",
        "fields":["Any","&lt;5km","&lt;10km","&lt;20km"],
        "default":"Any"}
      {% endselect %}
    </div>
    <div class="filter">
      <div class="filter-label">
        Price Range
      </div>
      {% select %}
      {"name":"type",
        "style":"width:73px;margin-top:2px;margin-bottom:2px;font-size:11px",
        "fields":["Any","30-150","150-300","300+"],
        "default":"Any"}
      {% endselect %}
    </div>
  </div>
</div>

<!--
<script type="text/javascript">
YUI().use('anim', function(Y) {
    var node = Y.one('#search-bar-demo');
    var anim = new Y.Anim({
        node: node,
        from: {width: '195px'},
        to: {width: '416px'},
        duration: 0.3
    });
    var hover = function(e) {
        var reverse = false;
        if (anim.get('running')) {anim.pause();}
        if (e.type == 'mouseout') {reverse = true;}
        anim.setAttrs({'reverse': reverse});
        anim.run();
    };
    node.on('mouseover', hover);
    node.on('mouseout', hover);
});
</script>
-->
<!-- end search bar -->

{% block content %}
<div id = 'panel' style="top:0px;display: block;">
  <div class='panel-content' style="" id="map-info">
  </div>
  <div class='panel-left' style="top:40px;background-color:black;">
  </div>
</div>
{% endblock %}

<!--<div id='right-bar-dock'>
  <div>--><!-- content -->
    
<!--
    <div class="icon-more"><a href='/list/'>145 More Results</a></div>

    <div id="lane" class="lane">
      <div class="icon">
      </div>
      <div class="icon">
        <div class="icon-thumb-detail">
          <div class="service-title"><a href="#">Romeo's Massage Parlour</a></div>
          <div class="service-info">100 Murray Street, Pyrmont, NSW 2009</br>(02) 9212 4898</div>
          <div class="service-des">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce blandit quis viverra. Fusce blandit quis viverra.</div>
          <div class="service-split"></div>
          <div class="service-ctrl">
            <a href="#" class="left">Save to map</a> 
            <a href="#" class="right">Write review</a>
          </div>
        </div>
      </div>
      <div class="icon">
        <div class="icon-thumb-detail">
          <div class="service-title"><a href="#">Romeo's Massage Parlour</a></div>
          <div class="service-info">100 Murray Street, Pyrmont, NSW 2009</br>(02) 9212 4898</div>
          <div class="service-des">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce blandit quis viverra. Fusce blandit quis viverra.</div>
          <div class="service-split"></div>
          <div class="service-ctrl">
            <a href="#" class="left">Save to map</a> 
            <a href="#" class="right">Write review</a>
          </div>
        </div>
      </div>
      <div class="icon">
        <div class="icon-thumb-detail">
          <div class="service-title"><a href="#">Romeo's Massage Parlour</a></div>
          <div class="service-info">100 Murray Street, Pyrmont, NSW 2009</br>(02) 9212 4898</div>
          <div class="service-des">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce blandit quis viverra. Fusce blandit quis viverra.</div>
          <div class="service-split"></div>
          <div class="service-ctrl">
            <a href="#" class="left">Save to map</a> 
            <a href="#" class="right">Write review</a>
          </div>
        </div>
      </div>
-->

      <!-- 
      <div class="icon">
        <div class="icon-thumb-detail">
          <div id="panel">
            <div class="panel-left">
            </div>
          </div>
        </div>
      </div>
      -->
<!--
    </div>
  </div>
</div>
-->
<div id="title-bar">
  <div class="section" id="page">
    <div class="nav">
      <div class="brand">
        <a href="/search/"><img src="/res/auadult.png" height="30px"/></a>
      </div>
      <div class="nav-button-tray">
        <a class="nav-button" href="/search/">Homepage</a>
        <a class="nav-button" href="/map/">Map</a>
        <a class="nav-button" href="/forum/">Forum</a>
        <a class="nav-button" href="/mark/">Recommendation</a>
        <a class="nav-button" onclick="zoyoe.admin.ShowAboutUsDialog()">About Us</a>
        {% if user.is_authenticated %}
        <a class="nav-button" onclick ="zoyoe.admin.ShowAddServiceDialog()">Quick Publish</a>
        {% include "core/_usrmenu.html" %}
        {% else %}
        <a class="nav-button" onclick ="zoyoe.admin.ShowLoginDialog()">Login</a>
        <a class="nav-button" onclick ="zoyoe.admin.ShowRegisterDialog()">Register</a>
        {% endif %}
      </div>
    </div>
  </div>
</div>
<div id='zsk' class='msk'>
</div>
<div id='raw-left' class='raw'>
</div>
<div id='raw-right' class='raw'>
</div>
<div id='raw-top' class='raw'>
</div>
<div id='raw-bottom' class='raw'>
</div>
{% include "core/shortcut.html" %}
</body>
</html>
